<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>${basicsData.name}</title>
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<link rel="stylesheet" href="../css/mui/mui.min.css" />
<link rel="stylesheet" href="../css/fugai.css" />
<script src="../js/mui/mui.js"></script>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script>
	//计算比例
	$(function() {
		var clienW = document.documentElement.clientWidth;
		var originW = 750;
		var bili = clienW / originW * 100 + "px";
		document.querySelector("html").style.fontSize = bili;
		var h = window.innerHeight;
		$('#container').css('height', h)
	})
	function getElectric(id){
		window.location.href="${ctx}/electric/getElectric?id="+id;
	}
	function getQrcode(id){
		window.location.href="${ctx}/pjinfo/getPjInfo?id="+id;
	}
	function getConstruction(id){
		window.location.href="${ctx}/construction/getConstruction?id="+id;
	}
	function getMaintenance(id){
		window.location.href="${ctx}/registration/getMaintenance?id="+id;
	}
	function getRegistration(id){
		window.location.href="${ctx}/registration/getRegistration?id="+id;
	}
</script>
</head>

<body>
	<div id="container">
		<img class="header-img" src="${basicsData.img}" alt="" />
		<div class="device-name" style="line-height: 25pt;">设备名称：${basicsData.name}</div>
		<div class="everyone">
			<div class="device-one">1、工作原理及电气特性标准</div>
			<!--<a class="dev-a" href="index_one.html">-->
			<div class="dev-cont">
				<div class="dev-name-theory">设备名称：${basicsData.name} <br /> 设备工作原理：${basicsData.principle}</div>
				<div class="mui-content">
					<ul class="mui-table-view" id="dev-gai">
						<li class="mui-table-view-cell dev-color"><a onclick="getElectric('${basicsData.id }');"
							href="#" class="mui-navigate-right"> 查看详情 </a></li>
					</ul>
				</div>
			</div>
			<!--</a>-->
		</div>
		<div class="everyone">
			<div class="device-one">2、配线图及接线图</div>
			<div class="dev-cont">
				<div class="dev-name-theory">
					配线图号：${basicsData.pxtcode}<br /> 接线图号：${basicsData.jxtcode }
				</div>
				<div class="mui-content">
					<ul class="mui-table-view" id="dev-gai">
						<li class="mui-table-view-cell dev-color"><a onclick="getQrcode('${basicsData.id }');"
							href="#" class="mui-navigate-right"> 查看详情 </a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="everyone">
			<div class="device-one">3、施工质量记录表</div>
			<div class="dev-cont">
				<div class="dev-name-theory">设备名称：${basicsData.name}
					${qrcode.createtime }，施工项目、施工人员、评定结果</div>
				<div class="mui-content">
					<ul class="mui-table-view" id="dev-gai">
						<li class="mui-table-view-cell dev-color"><a onclick="getConstruction('${basicsData.id }');"
							href="#" class="mui-navigate-right"> 查看详情 </a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="everyone">
			<div class="device-one">4、设备维护记录表</div>
			<div class="dev-cont">
				<div class="dev-name-theory">设备名称：${basicsData.name} 维护日期、维护人员、维护项</div>
				<div class="mui-content">
					<ul class="mui-table-view" id="dev-gai">
						<li class="mui-table-view-cell dev-color"><a onclick="getMaintenance('${basicsData.id }');"
							href="#" class="mui-navigate-right"> 查看详情 </a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="everyone">
			<div class="device-one">5、设备维修登记</div>
			<div class="dev-cont">
				<div class="dev-name-theory">进入记录模式，对设备安装、巡检、维修记录进行实时上传</div>
				<div class="mui-content">
					<ul class="mui-table-view" id="dev-gai">
						<li class="mui-table-view-cell dev-color"><a onclick="getRegistration('${basicsData.id }');"
							href="#" class="mui-navigate-right"> 查看详情 </a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>

</html>